/* pages/myCircle/index.wxss */
.bg{
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color:#f1f1f1 ;
}
.friendItemBox{
  width: 100%;
  height: 180rpx;
  background-color: white;
  border-bottom:1rpx solid #d2d2d2 ;
  .avatorBox{
    display: flex;
    height: 180rpx;
    justify-content: center;
    .imageBox{
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  .infoBox{
    margin-top: 20rpx;
    .phone{
      color: #9A9A9A;
    }
  }
  .funcBox{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 180rpx;
    .downBox{
      width: 280rpx;
      .btn{
        margin:0 10rpx;
      }
    }
    .upperBox{
      width: 270rpx;
      text-align: right;
      font-weight: bold;
      color: red;
    }
  }
}